<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    /*
     *将其他的数据类型转换为Number
     *如果是纯数字的字符串，则直接将其转换为数字
     *如果字符串有非数字的内容，直接转换为NaN
     *如果字符串是一个空串或者全是空格，则转换为0
     *true转化成Number类型后 值是1
     *false转化成Number类型后 值是0
     *null转化成Number类型后 值是0
     *undefined转化为Number类型后 值是NaN
     */
    var a="123"
    console.log(typeof a);
    console.log(a);
    a=Number(a);
    console.log(typeof a);
    console.log(a);

    a="123abc";
    console.log(typeof a);
    console.log(a);
    a=Number(a);
    console.log(typeof a);
    console.log(a);

    a=" ";
    console.log(typeof a);
    console.log(a);
    a=Number(a);
    console.log(typeof a);
    console.log(a);

    a=true;
    console.log(typeof a);
    console.log(a);
    a=Number(a);
    console.log(typeof a);
    console.log(a);

    a=false;
    console.log(typeof a);
    console.log(a);
    a=Number(a);
    console.log(typeof a);
    console.log(a);

    a=null;
    console.log(typeof a);
    console.log(a);
    a=Number(a);
    console.log(typeof a);
    console.log(a);

    a=undefined;
    console.log(typeof a);
    console.log(a);
    a=Number(a);
    console.log(typeof a);
    console.log(a);

    /*
     * 转换方式二 专门用来对付字符串
     * parseInt()把一个字符串转换为一个整数
     * parseFloat()把一个字符串转换为一个浮点数
     * parseInt()只能取出整数
     * 他们在转化非字符串时，先将其转化为字符串，然后再操作
     * 比如布尔值true，先转化为"true"，然后再转化，最后判定值为NaM
     */
    var c="123px123";
    console.log(typeof c);
    console.log(c);
    c=parseInt(c);
    console.log(typeof c);
    console.log(c);
    </script>
</head>
<body>
    
</body>
</html>